﻿<%@ Page Language="C#" Title="Browse Book Clubs | bookclubit" AutoEventWireup="true" CodeBehind="browsebookclubs.aspx.cs" MasterPageFile="~/Master/Site.Master" Inherits="BookClubIt.browsebookclubs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<div class="container">
<div class="browse-sidebar">
<asp:Repeater runat="server" ID="rptGenres"  OnItemDataBound="rptGenres_OnItemDataBound" Visible="false">
<HeaderTemplate>
<h4>By Genre:</h4>
<ul>
</HeaderTemplate>
    <ItemTemplate>
           <li><asp:HyperLink ID="lnkGenre" runat="server" /></li>
    </ItemTemplate>
    <FooterTemplate>
    </ul>
    </FooterTemplate>
</asp:Repeater>

<script type="text/javascript"><!--
    google_ad_client = "ca-pub-1776925204000985";
    /* BCI_BROWSE_LEFT */
    google_ad_slot = "6764091179";
    google_ad_width = 160;
    google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

<div class="browse-page">
<h1><small>Browse book clubs</small></h1>
<div class="row">
<asp:GridView ID="grdBrowseClubs"
 OnRowDataBound="grdBrowseClubs_OnRowDataBound"
  runat="server"
   AutoGenerateColumns="false"
    AlternatingRowStyle-CssClass="alt"
     CssClass="table browse-clubs"
     BorderWidth="0"
     GridLines="None"
      AllowPaging="True"
       PageSize="15"
      OnPageIndexChanging="grdBrowseClubs_PageIndexChanging">
<Columns>
 <asp:TemplateField ItemStyle-CssClass="avatar-row">
           <HeaderTemplate>
            
           </HeaderTemplate>
           <ItemTemplate>
          
           <asp:Image ID="imgClubAvatar" runat="server" Height="50px" Width="50px" />
           </ItemTemplate>
      </asp:TemplateField>

    <asp:TemplateField HeaderStyle-CssClass="main-link" ItemStyle-CssClass="main-link">
           <HeaderTemplate >
               Name
           </HeaderTemplate>
           <ItemTemplate>
           <asp:HyperLink ID="lnkBookClub" runat="server" />
           
           </ItemTemplate>
      </asp:TemplateField>

          <asp:TemplateField>
           <HeaderTemplate>
                Type
           </HeaderTemplate>
           <ItemTemplate>
                <asp:Label runat="server" ID="lblClubType"/>
           </ItemTemplate>
      </asp:TemplateField>
       <asp:TemplateField>
           <HeaderTemplate>
                Genre
           </HeaderTemplate>
           <ItemTemplate>
                <asp:Label runat="server" ID="lblGenreType"/>
           </ItemTemplate>
      </asp:TemplateField>
        <asp:TemplateField>
           <HeaderTemplate>
                Members
           </HeaderTemplate>
           <ItemTemplate>
                <asp:Label runat="server" ID="lblNumMembers"/>
           </ItemTemplate>
      </asp:TemplateField>

        <asp:TemplateField>
           <HeaderTemplate>
                Reading
           </HeaderTemplate>
           <ItemTemplate>
             <asp:Image ID="imgCurrentBook" runat="server" Height="50px" Width="35px" ImageAlign="Left" />
                <asp:Label runat="server" ID="lblCurrentBook" Visible=false/>
              
           </ItemTemplate>
      </asp:TemplateField>

         <asp:TemplateField>
           <HeaderTemplate>
                Created
           </HeaderTemplate>
           <ItemTemplate>
                <asp:Label runat="server" ID="lblCreatedDate"/>
           </ItemTemplate>
      </asp:TemplateField>

       <asp:TemplateField ItemStyle-CssClass="buttons">
           <ItemTemplate>
             <asp:HyperLink ID="lnkViewClub" runat="server" CssClass="btn btn-small btn-info" Text="View" />
           </ItemTemplate>
      </asp:TemplateField>
</Columns>
<PagerStyle CssClass="pagination" />
</asp:GridView>
   </div>
   </div>
   </div>
</asp:Content>